<template>
  <div class="topMessage">
    <div class="topMessage-text">
      {{tip}}
    </div>
  </div>
</template>
<script>
export default {
  name:'topMessage',
  data() {
    return {
      tip:'操作失败哦'
    }
  },
  created() {
  },
}
</script>
<style lang="scss" type="text/css" scoped>

  .topMessage{
    height: 40px;
    position: fixed;
    top: 0;
    left: 10vw;
    width: 80vw;
    border-radius: 20px;
    text-align: center;
    color: $blue;
    background: red;
    transition: all 1s;
    transform: translateY(-40px);

    .topMessage-text{
      line-height: 40px;
      color:$white
    }
  }
  
</style>